<template>
    <button v-for="item in buttons" :key="item" @click="handleClick(item)">
    {{ item }}
  </button>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
 
 const buttons = ref(['Button 1', 'Button 2', 'Button 3'])
  
 function handleClick(text) {
   alert(`You clicked the button with text: ${text}`)
 }
</script>
<style scoped></style>
